@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
* html body {overflow:visible;}
* html iframe, * html frame {overflow:auto;}
* html frameset {overflow:hidden;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr , {margin:0; padding:0;}
body { background-color: #f1f1f1; color:#000000; font-family: "微软雅黑"; font-size:16px; line-height:24px; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6{ font-weight: bold; }
input, select {font-size:12px; vertical-align:middle;}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px; font-family:Arial, Helvetica, sans-serif;}
ul li {list-style:none;}
em { font-style:normal;}
a {color:#000; text-decoration:none; display: inline-block;}
a:hover {text-decoration:none; color: #333333;}
p {margin: 0px;}
.warp { width: 1200px; margin: auto;}
.fn_left { float:left; }
.fn_right { float:right; }
.o-hidden { overflow:hidden; }
.hidden { display:none; }
.block { display:block; }
.clear { clear:both; }
.te_c { text-align:center;}
.te_r { text-align:right;}
.pos-rel { position: relative;}
.pos-abs { position: absolute;}
.clearfix {	*zoom:1;}
.clearfix:after { clear:both; height:0;	overflow:hidden; display:block;	visibility:hidden; content:"."}



header { background: #e7e7e7; border-bottom: 2px #c7171e solid;}
.tel { height: 27px; margin-top: 48px; background: url(../images/index_05.png) no-repeat left; font-family: arial; padding-left: 45px; font-size: 36px; color: #c7171e;}
.search { margin-top: 20px;}
.search input { width: 200px; height: 25px;}
.search button { width: 55px; height: 27px; line-height: 27px; color: #ffffff; background: #c7171e; border: none; border-radius: 6px;}
nav {}
nav ul li { float: left; width: 171px; height: 57px; line-height: 57px; font-size: 18px; text-align: center;}
nav ul li a:hover { color: #C7171E;}
nav ul li a.active { background: url(../images/index_07.png) no-repeat bottom; color: #C7171E;}
/* banner */
.slider_bg { height: 528px; background: url(../images/banner_bg.png) no-repeat center;}
.focus_img {width:1200px; margin:0 auto; overflow:hidden; zoom:1; height:528px}
.focus_img .big_area {display:inline;	float:left;	overflow:hidden;	width:912px;	position:relative;	height:528px}
.focus_img .big_area h3 {font-weight:normal;	font-size:18px;	left:0px;	margin:0px;	overflow:hidden;	width:418px;	color:#000;	bottom:0px;	line-height:34px;	font-family:黑体;	position:absolute;	height:32px;	text-align:center}
.focus_img .big_area img {filter:revealtrans(duration=1, transition=5)}
.focus_img .thurmb {float:right;width:283px;}
.focus_img .thurmb .small_div {	margin:2px auto;overflow:hidden;width:283px;cursor:pointer;	height:130px;opacity: 0.5;	position: relative;}
.focus_img .thurmb .selected {	opacity: 1;}
.focus_img .thurmb .selected:before {content: "";position: absolute;width: 283px;height: 130px;	left: 0;top: 0;	background: url(../images/index_12.png) no-repeat;	z-index: 100;}
.focus_img .thurmb .selected a {color:#fff;	text-decoration:none}
.focus_img .thurmb img {width:283px;height:130px}
.focus_img .thurmb .small_div span {position: absolute;	left: 0;bottom: 0;width: 100%;height: 37px;	text-align: center;	line-height: 37px;	background: rgba(0,0,0,0.5);	color: #FFFFFF;}


.index_box1 { width: 585px; height: 375px; padding: 20px; margin: 40px 0; background: #FFFFFF; box-shadow: 1px 1px 3px #999999; box-sizing: border-box;}
.index_box1 h3 { font-size: 24px; font-weight: 400; color: #111111; position: relative;}
.index_box1 h3:after {content: ""; position: absolute; left: 0; top: 35px; width: 50px; height: 2px; background: #C7171E;}
.index_news {margin-top: 25px;}
.index_news li { padding-left: 35px; background: url(../images/index_17.png) no-repeat left; background-position: 5px 50%; height: 40px; line-height: 40px; border-bottom: 1px #e9e9e9 solid;}
.index_news li a { color: #494949;}
.index_news li a:hover { color: #C7171E;}
.index_video {margin-top: 30px;}


.index_bg1 { background: rgba(255,255,255,0.8); overflow: hidden;}

.demo { margin-top: 30px; position:relative;}
.demo a.control {position:absolute;display: block;top: 50%;margin-top: -58px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(../images/buttons.png) no-repeat}
.demo a.prev {left: 0;background-position: 0 0}
.demo a.next {right: 0;background-position: -76px 0}


.index_title { margin-top: 35px; font-size: 24px; text-align: center; background: url(../images/index_24.jpg) no-repeat bottom; padding-bottom: 15px;}
.news_list { width: 648px; height: 370px; padding: 10px; margin: 40px auto; background: #FFFFFF; box-shadow: 1px 1px 3px #999999; box-sizing: border-box;}
.news_list dl { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px #dfdfdf dashed; overflow: hidden;}
.news_list dl a { display: block;}
.news_list dl dt { float: left; width: 40px; font-size: 27px; color: #8f8f8f; text-decoration: underline;}
.news_list dl dd { float: right; width: 570px; font-size: 14px; color: #999999; position: relative;}
.news_list dl dd h3 {font-size: 16px; font-weight: 400; color: #C7171E;}
.news_list dl dd em {position: absolute; right: 0; top: 0px;}
.news_video { width: 500px; height: 370px; margin: 40px auto;}

.contact_l { width: 300px; font-size: 14px; line-height: 32px; background: url(../images/index_28.png) no-repeat; background-position: 0 8px; padding-left: 35px;}
.contact_m { width: 250px; margin-left: 45px; font-size: 18px;}
.contact_m span { font-size: 14px;}
.contact_m img { margin: 10px 10px 0;}
.contact_r { width: 495px;}
.contact_r input,.contact_r select,.contact_r textarea {background: #f1f1f1; line-height: 30px; width: 100%; padding-left: 10px; border: none; margin-bottom: 7px; box-sizing: border-box;}
.contact_r input,.contact_r select {height: 40px; line-height: 40px;}
.contact_r input { width: 98%;}
.contact_r button { width: 80px; height: 35px; line-height: 38px; border: none; background: #C7171E; color: #FFFFFF; font-size: 18px; letter-spacing: 0.2rem;}



.link { font-size: 14px; margin-top: 50px; color: #FFFFFF; height: 42px; line-height: 42px; background: #757575;}
.link a { margin: 0 15px; color: #FFFFFF;}

.foot { text-align: center; margin: 20px auto; font-size: 12px; line-height: 30px;}



/*内页定义*/
.inside_ban { height: 420px; background: rgba(210,210,210,0.5); text-align: center;}
.location { margin-top: 10px; height: 50px; line-height: 50px; border-bottom: 1px #cfcfcf solid;}
.location h3 { float: left; font-size: 24px; font-weight: 400; color: #404040;}
.location p { float: right; font-size: 14px; color: #666666; background: url(../images/inside_home.png) no-repeat left; padding-left: 30px;}
.location p a { color: #666666;}
.inside_l { width: 280px;}
.inside_l ul li { text-align: center; background: #e9e9e9; height: 60px; line-height: 60px; border-bottom: 1px #FFFFFF solid;}
.inside_l ul li a { display: block; border-left: 4px #e9e9e9 solid; color: #5e5e5e;}
.inside_l ul li a:hover { background: #f7f7f7; border-left: 4px #C7171E solid;}
.inside_l ul li a.active { background: #f7f7f7; border-left: 4px #C7171E solid;}
.inside_r {width: 920px; padding: 15px; border: 24px #f7f7f7 solid; background: #FFFFFF; box-sizing: border-box;}
.about {font-size: 14px; color: #666666; line-height: 31px; }
.about img { margin: 20px auto;max-width: 100%;}
.news {}
.news dl { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px #eeeeee dashed; overflow: hidden;}
.news dl dt {float: left; width: 278px;}
.news dl dd { float: right; width: 530px; font-size: 14px; color: #777777;}
.news dl dd h3 { font-size: 16px; color: #404040;}
.news dl dd p { margin: 8px auto;}
.news dl dd a { padding: 2px 15px; color: #FFFFFF; background: #C7171E;}


.page {	width: 100%;	text-align: center;	padding:15px 0 15px 0;	overflow: hidden;	text-align: center;	clear: both;}
.page code{	padding:2px 10px;	background: #FFFFFF;	color:#6f6f6f;	border: 1px solid #cccccc;	border-radius:2px;	overflow:hidden;}
.page a{padding:2px 10px;	background: #FFFFFF;	color:#6f6f6f;	border: 1px solid #cccccc;	border-radius:2px;	overflow:hidden;margin-right: 5px}
.page a:hover {	background: #C7171E; text-decoration: underline; color: #fff;	border: 1px solid #C7171E;}
.page span{	background: #C7171E; text-decoration: underline; color: #fff;	border: 1px solid #C7171E;	padding:2px 10px;border-radius:2px;	overflow:hidden;display: inline-block;margin-right: 5px}
.page input {	vertical-align: middle;	height: 20px;	border: 1px solid #efefef;}
.page input.pageDetail {	width: 30px;	height:23px;	line-height:23px;	text-align: center;}
.page input.page_bnt{	border: none;	width: 58px;	height:25px;	cursor:pointer;	color:#6f6f6f;    }


.inside_box { margin-top: 20px; padding: 15px; border: 24px #f7f7f7 solid; background: #FFFFFF; box-sizing: border-box;}

#notice_demo{ width: 1110px; height: 635px; background: #f1f1f1; border: 10px #f1f1f1 solid; overflow: hidden; 		}
.zUIpanelScrollBox,.zUIpanelScrollBar{width:8px;top:4px;right:2px;border-radius:5px;}
.zUIpanelScrollBox{background:#868686;opacity:1;}
.zUIpanelScrollBar{background:#c7171e;}
.notice_box {}
.notice_box dt { float: left; width: 272px;}
.notice_box dd { float: left; width: 775px; margin-left: 15px; font-size: 14px; line-height: 26px; color: #888888;}
.notice_box dd p img{max-width: 100%;}
.notice_box dd h3 { font-size: 16px; color: #666666; margin-bottom: 10px;}
.notice_list {}
.notice_list ul li { float: left; margin-top: 25px; width: 530px; border-top: 1px #eeeeee dashed; padding-top: 25px; padding-right: 25px;}
.notice_list ul li img { float: left; margin-right: 15px;}
.notice_list ul li div { clear: right; font-size: 14px; line-height: 30px; color: #333333;}
.notice_list ul li div h3 { font-size: 16px; font-weight: 400;}


.product ul li { float: left; width: 246px; margin:8px 17px; font-size: 14px;}
.product ul li h3 { font-size: 16px; font-weight: 400;}
.product_con img { margin-top: 20px; margin-right: 10px;}
.product_tab { margin-top: 30px; font-size: 14px; color: #666666; line-height: 30px;}
.tabs { height: 50px; background: #C7171E; border: 1px #C7171E solid; margin-bottom: 15px;}
.tabs li { float: left; width: 134px; height: 50px; border-right: 1px #FFFFFF solid; line-height: 50px; text-align: center; color: #FFFFFF;}
.tabs li a {color: #FFFFFF; display: block;}
.tabs li a.current { background: #FFFFFF; color: #C7171E;}


.video ul li { float: left; width: 390px; margin: 10px 15px;}


.inside_news ul li { height: 38px; line-height: 38px;}
.inside_news ul li a { float: left; padding-left: 15px; width: 700px; background: url(../images/news_10.jpg) no-repeat left;}
.inside_news ul li span { float: right; font-size: 14px; width: 100px;}
.inside_news ul li a:hover { background: url(../images/news_07.jpg) no-repeat left; color: #C7171E;}


.news_title { text-align: center; line-height: 36px; font-size: 12px; color: #999999;}
.news_title h3 {font-weight: 400; font-size: 16px; color: #404040;}
.news_next { margin-top: 12px; margin-top: 30px; line-height: 30px;}
.news_next a { color: #999999;}
.news_next a:hover { color: #C7171E; text-decoration: underline;}


.map { width: 813px; height: 462px; margin: auto; border: 1px #dddddd solid; overflow: hidden;}
.map img { display: block; margin: 0;}


.shadow_no { box-shadow: none; background: none;}
.mt30 {margin-top: 30px;}
.color_gray { color: #888888;}
.color_red { color: #C7171E;}
.color_blue { color: #0f18db;}




.lanrenzhijia{ width:593px; height:auto; overflow:hidden;}
.jqzoom{float:left;border:none;position:relative;padding:40px 0; background: #DDDDDD; cursor:pointer;margin:0px;display:block;}
.jqzoom img{display: block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:430px;background:#ffffff;border:1px solid #CCCCCC; display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #c7171e;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.tab1_1 p img{max-width: 100%;}
.tab1_2 p img{max-width: 100%;}
.tab1_3 p img{max-width: 100%;}